{% extends "base.html" %}

{% block title %}I love these songs{% endblock %}

{% block content %}

<div id="tabs">
  <ul>
    <li><a href="#tab-video"><span><img src="assets/icons/search.png" width="24" border="0">&nbsp;Cerca brani</span></a></li>
    <li><a href="#tab-suggerimenti"><span><img src="assets/icons/folder_blue_ideas.png" width="24" border="0">&nbsp;Consigli</span></a></li>
    <li><a href="#tab-playlist"><span><img src="assets/icons/star.png" width="24" border="0">&nbsp;Playlist</span></a></li>
    
  </ul>

  <div id="tab-video">
    {% include "blocks/search_form.phtml" %}
    <div id="searchResultsVideoColumn"> 
    </div>
    <div id="searchResults"> 
    <div id="searchResultsListColumn"> 
      <div id="searchResultsVideoList"> 
        <div id="searchResultsVideoListTable"> 
        </div> 
      </div> 
      <div id="searchResultsNavigation"> 
        <form id="navigationForm"> 
          <input type="button" id="previousPageButton" onclick="ilts.listVideos(ilts.previousSearchTerm, ilts.previousPage);" value="Back" style="display: none;"></input> 
          <input type="button" id="nextPageButton" onclick="ilts.listVideos(ilts.previousSearchTerm, ilts.nextPage);" value="Next" style="display: none;"></input> 
        </form> 
      </div> 
    </div> 
    
  </div>
  
  {% include "blocks/form_add_to_playlist.phtml" %}
  
  </div>
  <div id="tab-suggerimenti">
    <div id="relatedVideos"></div> 
    <div id="userVideos"></div> 
  </div>
  <div id="tab-playlist">
  {% include "blocks/playlist.phtml" %}
  </div>
</div>

{% endblock %}